<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>View Map Example</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAX8eAnGdVGyiuBrhDTts0yxQmz3Fp_RbXKxUs78Cdg46fG8RfvhTkK9LW1OznsGE7UCEzN_W7FGFXaA" type="text/javascript"></script>




<script src="getValue.js" type="text/javascript"></script>
<script src="common.js" type="text/javascript"></script>

    <style type="text/css">
      
      body {
        font-family: Verdana, Arial, sans serif;
        font-size: 11px;
        margin: 2px;
      }
      table.directions th {
	background-color:#FFCC00;
      }
	  
      img {
        color: #000000;
      }
	 DIV.body
		{
			BORDER-RIGHT: #808080 2px solid;
			PADDING-RIGHT: 1px;
			BORDER-TOP: #808080 2px solid;
			PADDING-LEFT: 1px;
			PADDING-BOTTOM: 1px;
			BORDER-LEFT: #808080 2px solid;
			COLOR: #000000;
			PADDING-TOP: 1px;
			BORDER-BOTTOM: #808080 2px solid;
			font-family: Verdana, Arial, sans serif, Tahoma;
			font-size: 11px;
			margin: 2px;
			HEIGHT: 80px;
			BACKGROUND-COLOR: #ffffff;
			TEXT-DECORATION: none
		}

    </style>

    <script type="text/javascript">
    //<![CDATA[

    var map;

    var WINDOW_HTML = '<div style="width:300px; padding-right:10px;"><div style="float:left;width:140px;"><img src="../image/location.jpg" alt="อาคารสารนิเทศ 50 ปี" style="width:140px;height:140px;"></div><div style="float:right;width:150px;"><h2 style="font-size:1.2em;">อาคารสารนิเทศ 50 ปี</h2><p><a href="http://bizit.cpe.ku.ac.th">Mission Possible – IT Strategies for Opportunity and Survival : ปฏิบัติการไอทีสร้างเสริมโอกาสใหม่เพื่อความยั่งยืนทางธุรกิจ</a></p><br><ul><li><a href="http://bizit.cpe.ku.ac.th/aboutbiz/aboutbiz.php">เกี่ยวกับ BizIT</a></li><li><a href="http://bizit.cpe.ku.ac.th/location/location.php">สถานที่จัดงาน</a></li><ul></div></div>';

    function load() {
      if (GBrowserIsCompatible()) {      
        map = new GMap2(document.getElementById("map"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.setMapType(G_HYBRID_MAP);
		// Create our "tiny" marker icon
		var lat=13.85325;
		var lng=100.56975;
		var point = new GLatLng(lat,lng);
		map.setCenter(point,17);
		var marker = new GMarker(point);
       map.addOverlay(marker);
       GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(WINDOW_HTML);
      });
       marker.openInfoWindowHtml(WINDOW_HTML);
      }
    }
    
   


    //]]>
    </script>

  </head>
  <body onload="load()" onunload="GUnload()">

    <br/>
 <table class="directions">
    <tr>
    <td valign="top"><div id="map" class="body" style="width: 500px; height: 400px"></div></td>
    </tr>
 </table>    
	
    
  </body>

</html>


